<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.js">
		</script>
	</head>
	<body>
		<div id="app">
			<!-- login必须要带''    这样才会显示 -->
			<a href="" @click.prevent="iscom='login'">登录</a>
			<a href="" @click.prevent="iscom='register'">注册</a>
			<component :is="iscom"></component>
			
			<!-- <component :is="'login'"></component> 在这里也要用''-->
		</div>
		<script>
			Vue.component('login', {
				template: '<h1 style="color: #FF0000;">登录</h1>'
			})
			
			Vue.component('register', {
				template: '<h1 style="color: #FF0000;">注册</h1>'
			})

			new Vue({
				el:'#app',
				data:{
					iscom:'login'
				},
				methods:{}
				
			}) 
			
		</script>
	</body>
</html>
